<!DOCTYPE html>
<!--商品列表-->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>商品列表</title>
<link rel="stylesheet" type="text/css" href="css/productlist.css">
    <link rel="stylesheet" type="text/css" href="css/list.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
</head>
<body style="text-align: left;">

<!-- 头信息 -->
<div class="header">
    <div class="wrap cf">
        <span class="f_left welcome">欢迎来到完美世界周边商城！</span>
        <div class="f_right header_cart_tip">
            <a href="shoppingcart.html" class="text"><span class="icon"></span>购物车（<span class="cartNum">5</span>）</a>
            <div class="cart_list"></div>
        </div>
        <dl class="f_right">
            <dt><a href="#" class="needLogin">我的订单</a></dt>
            <dd><a href="#" class="needLogin">我的关注</a></dd>
        </dl>
        <dl class="f_right userlogin">
        <dt><a href="#" class="needLogin" id="login">登录</a></dt>
        <dd><a href="register.html" target="_blank">注册</a></dd>
</dl>
    </div>
</div>
<!--登录层-->
<div class="login">
    <span></span>
    <!--关闭按钮-->
    <div class="close_box">
        <font>×</font>
    </div>
    <!--表单登录-->
    <h1>账号登录</h1>
    <form action="" method="post" id="form_login">
        <p>
            <label for="username">用户名</label>
            <input type="text" id="username" placeholder="admin">
        </p>
        <p>
            <label for="psw">密码</label>
            <input type="text" id="psw" placeholder="psw">
        </p>
        <input type="submit"  value="登录">
        <input type="reset" value="重置">
    </form>
</div>
<!-- 右侧悬浮条 -->
<div class="fixed_bar">
    <dl>
        <dd class="center">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" class="needLogin">个人中心</a></p>
        </dd>
        <dd class="my_like">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" class="needLogin">我的关注</a></p>
        </dd>
        <dd class="fixed_cart_tip">
            <a href="shoppingcart.html"><span><i></i>购物车<font class="cartNum">5</font></span></a>
        </dd>
        <dd class="online">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" target="_blank" class="needLogin">在线客服</a></p>
        </dd>
    </dl>
<p class="go_top" title="Scroll Back to Top" style="opacity: 0;"><a href="#"><span></span></a></p></div>

<!-- 顶部导航 -->
<div class="top_nav">
    <div class="wrap cf">
        <a href="#" class="f_left logo logo_wm"><img src="images/logo_wm.png" width="120" height="41" alt="" title="完美商城"></a>
        <a href="#" class="f_left logo logo_shop"><img src="images/logo_shop.png" width="55" height="27" alt="" title="完美商城"></a>
        <div class="f_left all_wares">
            <p class="text"><span></span>全部商品</p>
            <ul style="display: none;">
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="DOTA2神秘商店">DOTA2神秘商店<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">手办扭蛋</a></dd>
                        <dd><a href="#" target="_blank">创意T恤</a></dd>
                        <dd><a href="#" target="_blank">焕新服饰</a></dd>
                        <dd><a href="#" target="_blank">生活用品</a></dd>
                        <dd><a href="#" target="_blank">毛绒合辑</a></dd>
                    </dl>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="完美世界周边">完美世界周边<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">梦间集周边</a></dd>

                        <dd><a href="#" target="_blank">诛仙3专区</a></dd>
                    </dl>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="CSGO正版周边">CSGO正版周边<em></em></a>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="姜小虎系列周边">姜小虎系列周边<em></em></a>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="游戏外设">游戏外设<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">键盘</a></dd>
                        <dd><a href="#" target="_blank">鼠标</a></dd>
                        <dd><a href="#" target="_blank">耳机</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <ul class="nav f_left">
            <li><a href="index.html" target="_blank">首页</a></li>
            <li><a href="#" target="_blank">完美世界周边</a></li>
            <li><a href="#" target="_blank">DOTA2专区</a></li>
            <li><a href="#" target="_blank">FAQ</a></li>
        </ul>
        <div class="f_right header_search">
            <!--顶部侧搜索框-->
            <form action="" method="get" class="cf">
                <input type="text" class="text " data-old-key="" value="">
                <input type="button" class="btn">
                <span class="keyword">

                        <a href="#" class="tj_link" data-url="#" data-pid="346" target="_blank">敌法师</a>

                        <a href="#" class="tj_link" data-url="#" data-pid="454" target="_blank">国际金猪</a>
                    
                </span>
                <div class="keyword_list">
                    <dl>

                    </dl>
                </div>
            </form>
        </div>
    </div>
</div>
    
    <!-- 通栏广告 -->
    <div class="header_ad">
        <div class="wrap">
            <a href="#" data-url="#" data-pid="" class="tj_link" target="_blank"><img src="images/productlist/29eb983c5f0944f696652420a612c178.jpg" width="1190" height="100" title="csgo周边" alt=""></a>
        </div>
    </div>
    
    <!-- 面包屑导航 -->
    <div class="nav_bar">
        <div class="wrap">
            <a href="index.html">首页</a>
            
                &gt; <a href="#">Dota2神秘商店</a>
            
            
                 
                    &gt; <a href="#">DOTA2神秘商店</a>
                 
                    &gt; <a href="#">创意T恤</a>
                
            
            
        </div>
    </div>
    
    <!-- 分类导航 -->
    <div class="class_nav">
        <div class="wrap">
            <dl class="cf">
                <dt class="f_left">分类：</dt>
                <dd class="f_left">
                    <a href="#" class="">全部</a>
                    
                        <a href="#" class="">DOTA2神秘商店</a>
                    
                </dd>
            </dl>
        </div>
    </div>

            <!-- 商品列表主体 -->
            <div class="wrap">
                <div class="sequence">
                    <a href="#" data-order="1" class="sales ">销量</a>
                            <a href="#" data-order="2" class="prices">价格<span></span></a>
                    <a href="#" data-order="4" class="">上架时间</a>
                </div>
                <div class="cf list">
                    <ul class="cf">
                            <li class="product-item in">
                                <a href="#" data-pid="504" class="like "><span></span><font>1</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/aa558b1778a04eaf9e4d3dddb32d9d3f.jpg" alt="" title="DOTA2- T恤 烫金拍拍"></a>
                                <p class="name ellipsis" title="DOTA2- T恤 烫金拍拍" style="word-wrap: break-word; word-break: break-all;">DOTA2- T恤 烫金拍拍</p>
                                <p class="price">¥139.00
                                    

                                </p>
                                <div class="add">
                                    <a class="star stars0" href="#" target="_blank"></a>
                                                
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                            <li class="product-item in">
                                <a href="#" data-pid="503" class="like "><span></span><font>6</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/8651c324c5944419b7551b1cfa50775f.jpg" alt="" title="DOTA2 - T恤 Q版剑圣"></a>
                                <p class="name ellipsis" title="DOTA2 - T恤 Q版剑圣" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 Q版剑圣</p>
                                <p class="price">¥139.00
                                </p>
                                <div class="add" style="overflow: hidden; display: none; height: 90px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                                    <a class="star stars5" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                    
                                </div>
                            </li>
                        
                            <li class="product-item in">
                                <a href="#" data-pid="502" class="like "><span></span><font>3</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/3187c675efd94166a622985ce759e2a9.jpg" alt="" title="DOTA2 - T恤 Q版熊战士"></a>
                                <p class="name ellipsis" title="DOTA2 - T恤 Q版熊战士" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 Q版熊战士</p>
                                <p class="price">¥139.00

                                </p>
                                <div class="add" style="overflow: hidden; display: none; height: 90px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                                    <a class="star stars4" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                            <li class="product-item in" style="margin-right:0;">
                                <a href="#" data-pid="390" class="like "><span></span><font>14</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/ae6176a3-47bb-4398-bb45-36ac2290f45d.jpg" alt="" title="DOTA2-TI7 前来收割 T恤"></a>
                                <p class="name ellipsis" title="DOTA2-TI7 前来收割 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7 前来收割 T恤</p>
                                <p class="price">¥139.00
                                </p>
                                <div class="add">
                                    <a class="star stars4" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                            <li class="product-item in">
                                <a href="#" data-pid="353" class="like "><span></span><font>8</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/6b4fe11b-7249-4056-8025-f31a61b985f1.jpg" alt="" title="DOTA2-TI7 幻影刺客纹身  T恤"></a>
                                <p class="name ellipsis" title="DOTA2-TI7 幻影刺客纹身  T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7 幻影刺客纹身  T恤</p>
                                <p class="price">¥139.00

                                </p>
                                <div class="add">
                                    <a class="star stars5" href="#" target="_blank"></a>
                                    
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                                
                                </div>
                            </li>
                            <li class="product-item in">
                                <a href="#" data-pid="359" class="like "><span></span><font>28</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/815a0e99-2be6-4c6d-84fc-93e486d222f6.jpg" alt="" title="DOTA2-TI7  涂鸦 T恤"></a>
                                <p class="name ellipsis" title="DOTA2-TI7  涂鸦 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7  涂鸦 T恤</p>
                                <p class="price">¥139.00
                                    

                                </p>
                                <div class="add" style="overflow: hidden; display: none; height: 90px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                                    <a class="star stars4" href="#" target="_blank"></a>
                                                
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                    
                                </div>
                            </li>
                            <li class="product-item in">
                                <a href="#" data-pid="360" class="like "><span></span><font>3</font></a>
                                <a href="productdetail.html" target="_blank"><img src="images/productlist/5d951f30-3bec-4af3-b906-27c8b4156f84.jpg" alt="" title="DOTA2-TI7  水晶喵女与狸娜 T恤"></a>
                                <p class="name ellipsis" title="DOTA2-TI7  水晶喵女与狸娜 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7  水晶喵女与狸娜 T恤</p>
                                <p class="price">¥139.00
                                </p>
                                <div class="add">
                                    <a class="star stars4" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                        
                            <li class="product-item in" style="margin-right:0;">
                                
                                <a href="#" data-pid="389" class="like "><span></span><font>12</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/19b04951-a053-4ac8-8bf1-59ac83e2f4ad.jpg" alt="" title="DOTA2-TI7 相亲相爱 T恤"></a>
                                <p class="name ellipsis" title="DOTA2-TI7 相亲相爱 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7 相亲相爱 T恤</p>
                                <p class="price">¥139.00
                                </p>
                                <div class="add">
                                    <a class="star stars4" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                            <li class="product-item in">
                                <a href="#" data-pid="361" class="like "><span></span><font>9</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/93945894-d9c6-4f43-91cc-76203c9893d8.jpg" alt="" title="DOTA2-TI7 装甲就位 T恤"></a>
                                <p class="name ellipsis" title="DOTA2-TI7 装甲就位 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7 装甲就位 T恤</p>
                                <p class="price">¥139.00

                                </p>
                                <div class="add">
                                    <a class="star stars3" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                            <li class="product-item in">
                                <a href="#" data-pid="520" class="like "><span></span><font>0</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/cc7540ce1e9941158f550c48cc70b278.jpg" alt="" title="DOTA2-2018年国际邀请赛 T恤"></a>
                                <p class="name ellipsis" title="DOTA2-2018年国际邀请赛 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-2018年国际邀请赛 T恤</p>
                                <p class="price">¥149.00
                                </p>
                                <div class="add" style="overflow: hidden; display: none; height: 90px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                                    <a class="star stars0" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                            <li class="product-item in">
                                <a href="#" data-pid="525" class="like "><span></span><font>0</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/1dd71108aa99478abb76325195be3d16.jpg" alt="" title="DOTA2 - T恤 打盾欢乐（男女同款）"></a>
                                <p class="name ellipsis" title="DOTA2 - T恤 打盾欢乐（男女同款）" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 打盾欢乐（男女同款）</p>
                                <p class="price">¥149.00
                                </p>
                                <div class="add">
                                    <a class="star stars0" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                            <li class="product-item in" style="margin-right:0;">
                                <a href="#" data-pid="526" class="like "><span></span><font>0</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/eb7302a3a3904cb5a6645e05d9162d7e.jpg" alt="" title="DOTA2 - T恤 加油刀塔（男女同款）"></a>
                                <p class="name ellipsis" title="DOTA2 - T恤 加油刀塔（男女同款）" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 加油刀塔（男女同款）</p>
                                <p class="price">¥149.00
                                </p>
                                <div class="add">
                                    <a class="star stars0" href="#" target="_blank"></a>
                                    
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                                

                                </div>
                            </li>
                            <li class="product-item in">
                                <a href="#" data-pid="527" class="like "><span></span><font>0</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/ccdd36015af04dba9c29382d1c91abbd.jpg" alt="" title="DOTA2 - T恤 好戏登场（男女同款）"></a>
                                <p class="name ellipsis" title="DOTA2 - T恤 好戏登场（男女同款）" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 好戏登场（男女同款）</p>
                                <p class="price">¥149.00
                                </p>
                                <div class="add">
                                    <a class="star stars0" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>

                                </div>
                            </li>
                        
                            <li class="product-item in">
                                <a href="#" data-pid="528" class="like "><span></span><font>0</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/b45a91b465a44f85b34cec2f0fa9cf24.jpg" alt="" title="DOTA2 - T恤 主宰就位（男女同款）"></a>
                                <p class="name ellipsis" title="DOTA2 - T恤 主宰就位（男女同款）" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 主宰就位（男女同款）</p>
                                <p class="price">¥149.00
                                </p>
                                <div class="add" style="overflow: hidden; display: none; height: 90px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                                    <a class="star stars0" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                </div>
                            </li>
                        
                            <li class="product-item in">

                                <a href="#" data-pid="529" class="like "><span></span><font>0</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/7007d1d5a6aa485db072321e0f75dc3b.jpg" alt="" title="DOTA2 - T恤 盛夏生趣"></a>
                                <p class="name ellipsis" title="DOTA2 - T恤 盛夏生趣" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 盛夏生趣</p>
                                <p class="price">¥149.00
                                    

                                </p>
                                <div class="add">
                                    <a class="star stars0" href="#" target="_blank"></a>
                                    
                                        

                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                                

                                </div>
                            </li>
                        
                            <li class="product-item in" style="margin-right:0;">
                                

                                <a href="#" data-pid="530" class="like "><span></span><font>0</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/3e21fcb810294f5691e3b8ebccdfba88.jpg" alt="" title="DOTA2 - T恤 隐入酒桶（男女同款）"></a>
                                <p class="name ellipsis" title="DOTA2 - T恤 隐入酒桶（男女同款）" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 隐入酒桶（男女同款）</p>
                                <p class="price">¥149.00

                                </p>
                                <div class="add">
                                    <a class="star stars0" href="#" target="_blank"></a>
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>

                                </div>
                            </li>
                        
                            <li class="product-item in">
                                <a href="#" data-pid="388" class="like "><span></span><font>16</font></a>
                                <a href="#" target="_blank"><img src="images/productlist/c783da76db0a4e2bb105011b7cc93883.jpg" alt="" title="DOTA2- TI7 神圣一跃 T恤"></a>
                                <p class="name ellipsis" title="DOTA2- TI7 神圣一跃 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2- TI7 神圣一跃 T恤</p>
                                <p class="price">¥139.00

                                </p>
                                <div class="add">
                                    <a class="star stars3" href="#" target="_blank"></a>
                                    
                                                    <a href="#" class="btn" target="_blank"><span></span>加入购物车</a>
                                                

                                </div>
                            </li>
                        
                    </ul>
                    <div class="page" data-page-count="17" data-page-num="1" data-page-size="24"></div>
                </div>
            </div>


<!-- about -->
<div class="about">
    <div class="wrap">
        <ul class="cf">
            <li class="goods"><span></span>正品保证</li>
            <li class="shopping"><span></span>轻松购物</li>
            <li class="logistics"><span></span>快速配送</li>
            <li class="return"><span></span>无忧退换</li>
        </ul>
        <div class="cf link">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#" target="_blank">常见问题</a></dd>
                <dd><a href="#" target="_blank" class="needLogin">订单状态</a></dd>
                <dd><a href="#" target="_blank">购物流程</a></dd>
                <dd><a href="#" target="_blank">支付方式</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="#" target="_blank">配送范围</a></dd>
                <dd><a href="#" target="_blank">快递费用</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#" target="_blank">退换货流程</a></dd>
                <dd><a href="#" target="_blank">退换货政策</a></dd>
                <dd><a href="#" target="_blank">服务政策</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="#" target="_blank">公司官网</a></dd>
                <dd><a href="#" target="_blank">官方微信</a></dd>
                <dd>
                    <a href="#" target="_blank">商务合作</a>
                    <div class="tip">
                        <i></i>
                        <p>联系人：张女士</p>
                        <p>邮箱：<span>zhangchenrui@pwrd.com</span></p>
                        <p>联系电话：<span>010-57805531</span></p>
                    </div>
                </dd>
            </dl>
            <div class="f_right contact">
                <p class="tel">028-68723699</p>
                <p class="time">周一至周日 9:00-22:00</p>
                <a href="#" target="_blank" class="needLogin"><span></span>在线客服</a>
            </div>
        </div>
    </div>
</div>
<!-- copyright -->
<div class="copyright">
    <div class="wrap">
        <ul class="cf">
            <li><a href="#" target="_blank">公司介绍</a></li>
            <li><a href="#" target="_blank">开发团队</a></li>
            <li><a href="#" target="_blank">招聘信息</a></li>
            <li><a href="#" target="_blank">联系我们</a></li>
            <li><a href="#" target="_blank">法律声明</a></li>
            <li><a href="#" target="_blank">网站地图</a></li>
        </ul>
        <p class="text">京ICP证：050016号《网络文化经营许可证》编号：文网文【2017】8929-1007号《网络视听许可证》编号：0110587 京公网安备11010502033859号 完美世界（北京）软件科技发展有限公司版权所有</p>
        <div class="link">
            <a href="#" target="_blank"><img src="images/copyright01.jpg" width="108" height="40" alt="经营性网站备案信息"></a>
            <a href="#" target="_blank"><img src="images/copyright02.jpg" width="108" height="40" alt="可信网站示范单位"></a>
            <a href="http://www.bjwhzf.gov.cn/accuse.do" target="_blank"><img src="images/copyright03.jpg" width="108" height="40" alt="举报热线"></a>
            <a href="#" target="_blank"><img src="images/copyright04.jpg" width="108" height="40" alt="中国网络游戏版权保护联盟"></a>
            <a href="#" target="_blank"><img src="images/copyright05.jpg" width="108" height="40" alt="绿色通道"></a>
        </div>
    </div>
</div>
<!--显示购物车-->
<script type="text/javascript">
    var ctx = '';
    var host_url = '#';
    var static_image_url = '#';
    var sso_service_type = '#';
    var page_id = 'list';
    var mobile = '';
</script>
<script type="text/javascript" src="js/jq_183.js"></script>
<script type="text/javascript" src="js/jquery.boxy.js"></script>
<script type="text/javascript" src="js/lib.js"></script>

<!--登录模块-->
<script>
    $("#login").click(function () {
        showDiv($(".login"));
        function showDiv(obj){
            $(obj).show();
            center(obj);
            $(window).scroll(function(){
                center(obj);
            });
            $(window).resize(function(){
                center(obj);
            });
        }
        function center(obj){
            var windowWidth = document.documentElement.clientWidth;
            var windowHeight = document.documentElement.clientHeight;
            var popupHeight = $(obj).height();
            var popupWidth = $(obj).width();
            $(obj).css({
                "position": "absolute",
                "top": (windowHeight-popupHeight)/2+$(document).scrollTop(),
                "left": (windowWidth-popupWidth)/2
            });
        }
    });
    // 隐藏登录层
    $(".close_box font").click(function () {
        $(".login").delay(1000).fadeOut(1000);
        setTimeout(function () {
            $("#form_login").get(0).reset();
        },1500);
    });
</script>
</body></html>